
<!-- 回收流程-->
<script setup>
import HomePanel from "@/views/mainPage/home/components/HomePanel.vue";
import {getProcessStore} from "@/stores/getProcessStore.js";
const process = getProcessStore()

</script>
<template>
<div>
  <HomePanel title="优质的回收体验" sub-title="规范的回收流程，专业回收员为你把关">
    <div class="layout" >
      <el-card style="max-width: 480px" v-for="item in process.processList" :key="item.id">
        <template #header>{{ item.comment }}</template>
        <img
            v-ima-lazy="`./src/assets/images/${item.image}`"
            style="width: 100%"
            alt=""

         src=""/>
      </el-card>
    </div>



  </HomePanel>

</div>
</template>



<style scoped>
.layout{
  text-align: center;
  display: flex;
}

.el-card{
  transition: all .5s;
  &:hover {
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
  }
}

</style>